@import './var.scss';
$shadow-anchor:rgba(0,0,0,0.15) 1px 5px 8px;
*{
    font-family: 'Microsoft YaHei';
}
body {
  font-size: 14px;
	font-family: ' 微软雅黑';
	background-color:#F4F6F9;
	position: relative;
	min-width:1200px;
}
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #676767;
}
input,
button {
  list-style-type: none;
  border: 0px;
  outline: none;
}
.left{
  float: left !important;
}
.right{
  float: right !important;
}
.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: '';
  width: 0;
  height: 0;
  clear: both;
  display: block;
}

.box{
	width: 500px;
	height: 100px;
	background: #ccc;
}
table,tr,td {
        /*此处文字设置为打印页上主表以外的最通用的字体*/
        font-size: 14px;
        font-family: "微软雅黑";
        color: #333333;
        word-break: break-all;
        word-wrap: break-word;
        border-collapse: collapse;
      }
      .table {
				width: 100%;
        // border: 1px solid #000000;
        background-color: #FFFFFF;
        text-align: center;
      }
      .table td {
        font-size: 14px;
        /*最普遍的主表字体*/
        font-family: "微软雅黑";
        // border: 1px solid #000000;
				padding: 10px 10px;
				box-sizing: border-box;
			}
// 公共top样式
.com_top{
	@include comWidthMargin;
	// height: 48px;
	line-height: 48px;
	margin: 10px auto;
		a{
			float: left;
			padding-left: 22px;
			&.wzsm_icon{
				background: url('../images/wzsm.png') no-repeat left center;
			}
			&.gywm_icon{
				margin-left: 14px;
				background: url('../images/gywm.png') no-repeat left center;
			}
			&.dl_icon{
				position: relative;
				background: url('../images/dl.png') no-repeat left center;
			}
			&.zc_icon,&.ydl_icon{
				margin-left: 30px;
				background: url('../images/zc.png') no-repeat left center;
				position: relative;
			}
			&.top_company_icon{
				margin-left: 30px;
				padding-right: 15px;
				background: url('../images/user_jt1.png') no-repeat right center;
			}
			&.sy_icon{
				background: url('../images/home.png') no-repeat left center;
			}
		}
		.top_company{
			position: relative;
			.top_company_con{
				position: absolute;
				right: 0;
				top:38px;
				background-color: #ffffff;
				padding: 10px;
				@include boxShadow;
				z-index: 1000;
				color: #676767;
				display:none;
			}
		}
}
.zc_icon,.dl_icon{
	.comzc_con{
		display: none;
		position: absolute;
		top: 48px;
		left: -55px;
		z-index: 2;
		width: 108px;
		background-color: #ffffff;
		border-radius: 8px;
		box-sizing: border-box;
		@include boxShadowBlue;
		&:after{
			content: '';
			height: 0px;
			width: 0px;
			border-right: 10px solid transparent;
			border-bottom: 10px solid #ffffff;
			border-left: 10px solid transparent;
			position: absolute;
			top: -10px;
			left: 64px;
		}
		span{
			display: block;
			height: 40px;
			line-height: 40px;
			text-align: center;
			padding: 0 10px;
			color: #0099FF;
			&:hover{
				background-color: #e2f7ff;
			}
			i{
				float: left;
				width: 16px;
				height: 16px;
				margin-top: 11px;
			}
			&.comzc_gr{
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				i{
					background: url('../images/grzz.png') no-repeat;
				}
			}
			&.comzc_dw{
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
				i{
					background: url('../images/dwzz.png') no-repeat;
				}
			}
		}
	}
	&:hover{
		.comzc_con{
			display: block;
		}
	}
}
.fryztKey{
	word-break:break-all;
	word-wrap:break-word;
}
// 公共header样式
.com_header{
	height: 97px;
	background-color:#ffffff;
	padding: 20px 0;
	box-sizing: border-box;
	margin-bottom:$margin-bottom;
	.com_header_con{
		@include comWidthMargin;
		.a_logo{
			float: left;
		}
		.com_header_list{
			float: right;
			// margin-left: 75px;
			margin-top: 13px;
			.nav{
				width: 100%;
				li.nav_item{
					height: 100%;
					float: left;
					margin-left:7px;
					// margin-left: 10px; 有留言区的margin
					&.on{
						background-color: #0099FF;
						border-radius: 30px;
						.nav_a{
							color: #FFFFFF;
							font-size: 16px;
							font-weight: bold;
							.jt{
								background: url('../images/jt01.png') no-repeat;
							}
						}
					}
					&.sub{
						position: relative;
						.sub_wrap{
							display: none;
							position: absolute;
							width: 280px;
							height: 40px;
							z-index: 999;
							&.jggs_sub{
								left:50%;
								top:25px;
								margin-left:-140px;
								.sub_list{
									&:after{
										left: 94px;
									}
								}
							}
							&.jgxx_sub{
								top:25px;
								right: 2px;
								.sub_list{
									&:after{
										right:52px;
									}
								}
							}
							&.zphd_flag{
								top:25px;
								width: 156px;
								.sub_list{
									left:-29px;
									&:after{
										right:67px;
									}
								}
							}
							.sub_list{
								width:100%;
								background-color: #ffffff;
								position: absolute;
								border: 1px solid #000;
								@include boxShadow;
								left:0;
								top:28px;
								z-index: 2;
								// margin-left:-150px;
								padding: 8px 0;
								a{
									display: block;
									line-height: 22px;
									color: #333333;
									padding: 8px 20px;
									box-sizing: border-box;
									word-break:break-all;
									@include overflowSl;
									&.sub_active,&:hover{
										background-color: #DEF2FF;
										color: #0099FF;
									}

								}
								&:before{
									content: '';
									width: 100%;
									height: 4px;
									background-color: #0099FF;
									position: absolute;
									top: -4px;
									left: 0;
									z-index: 3;
								}
								&:after{
									content: '';
									position: absolute;
									top: -11px;

									z-index: 1000;
									width: 58px;
									height: 11px;
									background: url('../images/menu2j_jt.png') no-repeat;
								}
						}
					}
					}
					.nav_a{
						display: inline-block;
						line-height: 32px;
						padding:0px 16px;
						font-weight: bold;
						color: #333333;
						font-size: 16px;
						.jt{
							display: inline-block;
							width: 13px;
							height: 7px;
							background: url('../images/jt.png') no-repeat;
							vertical-align: middle;
						}
					}

				}
			}
		}
	}
}

// 公共footer样式
.com_footer{
	background-color:#ffffff;
	height: 157px;
	.com_footer_con{
		height: 100%;
		@include comWidthMargin;
		background: url('../images/f_bj.png') no-repeat center bottom;
		padding-top: 40px;
		box-sizing: border-box;
		.footer_wrap{
			text-align: center;
			.footer_text{
				display: inline-block;
				width: 636px;
				margin-top: -10px;
				.footer_links{
					span{
						cursor: pointer;
					}
					span:hover{
						color: #0099FF;
						text-decoration: underline;
					}
				}
			}
			p{
				display: inline-block;
				width: 636px;
				text-align: center;
				color: #656565;
				font-size: 14px;
				line-height: 22px;
			}
			a{
				display:inline-block;
				vertical-align: top;
			}
			img{
				vertical-align: top;
			}
		}
	}
}
//公共右侧样式
.fix_right{
	position: fixed;
	right: 10px;
	top: 50%;
	z-index: 1000;
	li{
		width:80px;
		cursor: pointer;
	}
	.first_item{
		background-color: #ffffff;
		text-align: center;
		padding: 6px 0;
		border: 1px solid #E5E5E5;
		box-sizing: border-box;
		position: relative;
		.rczx_img{
			width: 69px;
			height: 69px;
		}
		p{
			color: #666666;
		}
		.sub_item{
			background-color: #ffffff;
			border-radius: 5px;
			position: absolute;
			top: -84px;
			right:0;
			z-index: 2;
			width: 430px;
			padding: 15px 0;
			@include boxShadowGray;
			display:none;
			div{
				float: left;
				width: 114px;
				margin: 0 14px;
				img{
					width: 114px;
					height: 114px;
				}
				p{
					width: 100%;
					text-align: center;
					margin-top: 6px;
					padding: 0 5px;
					box-sizing: border-box;
				}
			}
		}
	}
	.second_item{
		height: 80px;
		background-color:#F98384;
		text-align: center;
		border-bottom:1px solid #fff;
		box-sizing: border-box;
		position: relative;
		img{
			margin:13px 0 4px;
		}
		p{
			color: #ffffff;
		}
		.sub_item{
			display: none;
			text-align: left;
			background-color: #ffffff;
			position: absolute;
			bottom:-2px;
			right:80px;
			z-index: 2;
			width: 325px;
			padding: 15px 0;
			border-radius: 5px;
			@include boxShadowGray;
			&:after{
				content: '';
				height: 0px;
				width: 0px;
				border-top: 10px solid transparent;
				border-left: 10px solid #ffffff;
				border-bottom: 10px solid transparent;
				position: absolute;
				right: -10px;
				bottom: 26px;
			}
			a{
				width: 88px;
				height: 95px;
				border-radius: 5px;
				margin: 0 8px;
				text-align: center;
				i{
					display: inline-block;
					width: 32px;
					height: 32px;
					margin: 12px 0 2px;
				}
				p{
					display: block;
					color: #000000;
					width: 76px;
					margin: 0 auto;
				}
				@for $in from 0 through 10{
					&.yy#{$in} i {
							background: url('../images/rightList_icon/yy'+$in+'.png') no-repeat;
					}
				}
				@for $in from 0 through 10{
					&.yy#{$in}:hover {
						background-color: #E94B4C;
						i{
							background: url('../images/rightList_icon/a_yy'+$in+'.png') no-repeat;
						}
						p{
							color: #ffffff;
						}
					}
				}
			}
		}
		&.fix_wycx{
			.sub_item{
				width: 243px;
				a{
					display: block;
					width: 200px;
					height: 64px;
					text-align: left;
					margin: 0 auto;
					i{
						float: left;
						margin: 16px 6px 16px 16px;
					}
					div{
						float: left;
						margin-top: 16px;
						p{
							width: auto;
							display: block;
							font-size: 14px;
						}
					}
					@for $in from 0 through 3{
						&.cx#{$in} i{
								background: url('../images/rightList_icon/cx'+$in+'.png') no-repeat;
						}
					}
					&:hover{
						background-color:#E94B4C;
						p{
							color: #ffffff;
						}
					}
					@for $in from 0 through 3{
						&.cx#{$in}:hover{
							i{
								background: url('../images/rightList_icon/a_cx'+$in+'.png') no-repeat;
							}

						}
					}
				}

			}
		}
		&.fix_bszn{
			.sub_item{
				width: 243px;
				a{
					display: block;
					width: 200px;
					height: 64px;
					text-align: left;
					margin: 0 auto;
					i{
						float: left;
						margin: 16px 6px 16px 16px;
					}
					div{
						float: left;
						margin-top: 16px;
						width: 73%;
						text-align: center;
						p{
							width: auto;
							display: block;
							font-size: 14px;
						}
					}
					@for $in from 0 through 5 {
						&.cx#{$in} i{
								background: url('../images/rightList_icon/list_a.png') no-repeat;
						}
					}
					&:hover{
						background-color:#E94B4C;
						p{
							color: #ffffff;
						}
					}
					@for $in from 0 through 5{
						&.cx#{$in}:hover{
							i{
								background: url('../images/rightList_icon/list.png') no-repeat;
							}
						}
					}
				}

			}
		}
		&.gbpx{
			a{
				display: inline-block;
				width: 100%;
				height: 100%;
			}
			.gbpxImg{
				display: none;
			}
			&.active{
				.gbpxImg{
					display: block;
					width: 100%;
					height: 100%;
					margin: 0;
				}
				a{
					display: none;
				}
			}

		}
		&._dazmhjzy,&.fwrx,&.dcwj{
			height: auto;
			a{
				display: inline-block;
				width: 100%;
				height: 100%;
				.img_p{
					font-size: 23px;
					font-weight: bold;
					width: 100%;
					margin: 15px 0 10px;
				}
				p{
					line-height: 20px;
					margin: 0 auto;
					margin-bottom: 10px;
					width: 80%;
				}
			}
			&:hover{
				background-color: #EA4A4B;
			}
		}
		&.dcwj{
			background-color: #6bc4ff;
			&:hover{
				background-color: #0099FF;
			}
		}
		&.fwrx{
			background-color: #EA4A4B;
			a{
				cursor: default;
			}
		}
	}
	.dw_right{
		display: none;
	}
}
// error
.error_header{
	width: 100%;
	background-color: #ffffff;
	margin-bottom: $margin-bottom;
	padding: 20px 0;
	.error_header_con{
		@include comWidthMargin;
	}
}
.error_center{
	@include comWidthMargin;
	background-color: #ffffff;
	height: 515px;
	margin-bottom: $margin-bottom;
	text-align: center;
	.error_center_con{
		display: inline-block;
		margin-top: 142px;
		img{
			width: 115px;
			height: 131px;
		}
		p{
			width: 300px;
			font-weight: 600;
			margin: 20px auto 30px;
			text-align: center;
			font-size: 16px;
			line-height: 21px;
		}
		a{
			display: block;
			width: 200px;
			line-height: 30px;
			border: 1px solid #246fde;
			border-radius: 20px;
			text-align: center;
			margin: 0 auto;
			color: #246fde;
			padding: 3px 15px;
			box-sizing: border-box;
			cursor: pointer;
		}
	}
}
